<template>
  <div class="memoryLogMain">
      <div class="firstMemory">
        <SearchPart/>
      </div>
      <div class="memoryFoot centerMainWidth">
        <CommonLabel/>
      </div>
      
  </div>
</template>

<script setup>
import SearchPart from "@/components/searchPart";
import CommonLabel from "@/components/commonLabel";
import { onBeforeMount, onMounted,ref } from "vue";
import { storeToRefs } from "pinia";

//pinia->useBackgroundImageStore
import { useBackgroundImageStore } from "@/stores/backgroundImage";

let {
  currentImageUrl //当前背景图片URL
} = storeToRefs(useBackgroundImageStore());

//生命周期渲染
onMounted(() => {
  // initBackgroundImage();
  // console.log(currentImageUrl)
});

</script>

<style lang="scss">
.memoryLogMain {
    overflow: hidden; /* 如果需要防止内容溢出 */
    width: 100%;
    height: 100%;
    background-image: url('@/assets/backgroundImages/bg-3.webp');
    background-size: cover;
    background-position: center;
    .memoryFoot {
        top: 28rem;
        position: relative;
    }
}
</style>